/********* home **********/
.wrapper-home{
    height: 834px;
    background: transparent url('../images/home-bg.jpg') top center no-repeat;
}
#home-bt{
    display: block;
    width: 290px;
    height: 55px;
    position: absolute;
        top: 0;
        left: 50%;
        margin-top: 567px;
        margin-left: 104px;
}
#home-bt:hover{
    cursor: pointer;
    background: transparent url('../images/home-bt-hover.png') 12px 6px no-repeat;
}

/********* form **********/
.wrapper-form{
    height: 381px;
    padding-top: 453px;
    background: transparent url('../images/form-bg.jpg') top center no-repeat;
}
form input[type='text']{
    height: 18px;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
}
#form-name{
    margin-left: 252px;
    padding: 0;
}
form input[name='name']{
    display: block;
    width: 423px;
    font-size: 16px;
    text-align: left;
    padding: 0 5px;
}
#form-tel{
    margin-top: 36px;
    margin-left: 270px;
    padding: 0;
}
*+html #form-tel{
    margin-top: 34px;
}
form input[name='tel-f']{
    width: 41px;
    display: block;
    float: left;
    text-align: center;
}
form input[name='tel-s']{
    width: 54px;
    margin-left: 25px;
    display: block;
    float: left;
}
form input[name='tel-t']{
    width: 70px;
    margin-left: 31px;
    display: block;
    float: left;
}
#form-credit{
    margin-top: 43px;
    margin-left: 252px;
    padding: 0;
}
*+html #form-credit{
    margin-top: 38px;
}
form input[name='credit-f']{
    width: 72px;
    display: block;
    float: left;
}
form input[name='credit-s']{
    width: 41px;
    margin-left: 33px;
    display: block;
    float: left;
}
form input[name='credit-t']{
    width: 72px;
    margin-left: 114px;
    display: block;
    float: left;
}
#form-bt{
    display: block;
    width: 290px;
    height: 55px;
    position: absolute;
        top: 0;
        left: 50%;
        margin-top: 636px;
        margin-left: -387px;
}
#form-bt:hover{
    cursor: pointer;
    background: transparent url('../images/home-bt-hover.png') 33px 6px no-repeat;
}
#form-error{
    width: 463px;
    height: 238px;
    background:transparent url('../images/form-error-bg.png') top center no-repeat;
}
#form-error .light-box-close-bt{
    position: absolute;
	margin: 16px 0 0 408px;
    cursor: pointer;
}
#form-error-msg{
    padding: 70px 50px 70px 50px;
    font-size: 16px;
    line-height: 25px;
    color: #4E4C4D;
}

/********* prizes **********/
.wrapper-prizes{
    height: 834px;
    background: transparent url('../images/prizes-bg.jpg') top center no-repeat;
}
#prizes-detail{
    width: 400px;
    height: 205px;
    overflow: hidden;
    position: absolute;
        top: 0;
        left: 50%;
        margin-top: 372px;
        margin-left: -325px;
}
#prizes-logo{
    width: 207px;
    height: 209px;
    overflow: hidden;
    position: absolute;
        top: 0;
        left: 50%;
        margin-top: 371px;
        margin-left: 112px;
}
#prizes-bt{
    display: block;
    width: 290px;
    height: 55px;
    position: absolute;
        top: 0;
        left: 50%;
        margin-top: 636px;
        margin-left: -387px;
}
#prizes-bt:hover{
    cursor: pointer;
    background: transparent url('../images/home-bt-hover.png') 33px 6px no-repeat;
}
#tc-bt{
    display: block;
    width: 170px;
    height: 30px;
    position: absolute;
        top: 0;
        left: 50%;
        margin-top: 634px;
        margin-left: 159px;
}
#prizes-share-bt{
    display: block;
    width: 170px;
    height: 30px;
    position: absolute;
        top: 0;
        left: 50%;
        margin-top: 668px;
        margin-left: 159px;
}
#announcement-bt{
    display: block;
    width: 170px;
    height: 30px;
    position: absolute;
        top: 0;
        left: 50%;
        margin-top: 702px;
        margin-left: 159px;
}
#prizes-tc{
    width: 463px;
    height: 420px;
    background:transparent url('../images/prizes-tc-bg.png') top center no-repeat;
}
#prizes-tc .light-box-close-bt{
    position: absolute;
	margin: 16px 0 0 408px;
    cursor: pointer;
}
#announcement-box{
    width: 490px;
    height: 332px;
    background:transparent url('../images/announcement-box-bg.png') top center no-repeat;
}
#announcement-box .light-box-close-bt{
    position: absolute;
	margin: 16px 0 0 435px;
    cursor: pointer;
}
#announcement-box h3{
    padding-top: 70px;
    margin: 0 0 40px 40px;
    color: #50217c;
    font-size: 22px;
    font-weight: normal;
}
#announcement-box .name{
    float: left;
    width: 270px;
    padding-left: 40px;
    color: #555252;
    font-size: 15px;
}
#announcement-box .date{
    float: left;
    width: 150px;
    color: #555252;
    font-size: 15px;
}

/********* question **********/
.wrapper-question{
    height: 834px;
    background: transparent url('../images/question-bg.jpg') top center no-repeat;
}
#question-detail{
    width: 100%;
    height: 167px;
    padding-top: 330px;
    text-align: center;
}
#question-answer{
    width: 100%;
    height: 112px;
    padding-top: 12px;
    text-align: center;
}
.answer-img{
    width: 77px;
    height: 77px;
    padding: 13px 13px 12px 14px;
    margin: 0 12px;
    background: transparent url('../images/answer-bg.png') top center no-repeat;
}
.answer-img:hover , .answer-img.select{
    background: transparent url('../images/answer-select-bg.png') top center no-repeat;
}

/********* question **********/
.wrapper-announcement{
    height: 834px;
    background: transparent url('../images/announcement-bg.jpg') top center no-repeat;
}

/********* question **********/
.wrapper-sorry{
    height: 834px;
    background: transparent url('../images/sorry-bg.jpg') top center no-repeat;
}
#sorry-msg{
    padding-top: 370px;
    text-align: center;
}
#sorry-bt{
    display: block;
    width: 357px;
    height: 55px;
    position: absolute;
        top: 0;
        left: 50%;
        margin-top: 606px;
        margin-left: -179px;
}
#sorry-bt:hover{
    cursor: pointer;
    background: transparent url('../images/home-bt-hover.png') 7px 7px no-repeat;
}

/********* question **********/
.wrapper-pleased{
    height: 834px;
    background: transparent url('../images/pleased-bg.jpg') top center no-repeat;
}

#answer-order{
    position: absolute;
        top: 0;
        margin-top: 325px;
    padding-left: 25px;
}
#answer-order ul li{
    list-style: none;
    font-size:13px;
    color: #777777;
}

/********* form V.2 **********/
.wrapper-form-v2{
    height: 381px;
    padding-top: 453px;
    background: transparent url('../images/form-v2-bg.jpg') top center no-repeat;
}
form input[type='text']{
    height: 18px;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
}

#form-credit{
    margin-top: 0;
    margin-left: 323px;
    padding: 0;
}
*+html #form-credit{
    margin-top: 38px;
}
form input[name='credit-f']{
    width: 72px;
    display: block;
    float: left;
}
form input[name='credit-s']{
    width: 41px;
    margin-left: 33px;
    display: block;
    float: left;
}
form input[name='credit-t']{
    width: 72px;
    margin-left: 114px;
    display: block;
    float: left;
}

#form-id{
    margin-top: 44px;
    margin-left: 323px;
    padding: 0;
}
*+html #form-id{
    margin-top: 39px;
}
form input[name='id-f']{
    width: 24px;
    display: block;
    float: left;
    text-align: center;
}
form input[name='id-s']{
    width: 69px;
    margin-left: 12px;
    display: block;
    float: left;
}
form input[name='id-t']{
    width: 81px;
    margin-left: 12px;
    display: block;
    float: left;
}
form input[name='id-4']{
    width: 45px;
    margin-left: 11px;
    display: block;
    float: left;
}
form input[name='id-5']{
    width: 25px;
    margin-left: 11px;
    display: block;
    float: left;
}

#form-tel{
    margin-top: 34px;
    margin-left: 323px;
    padding: 0;
}
*+html #form-tel{
    margin-top: 29px;
}
form input[name='tel-f']{
    width: 56px;
    display: block;
    float: left;
    text-align: center;
}
form input[name='tel-s']{
    width: 54px;
    margin-left: 28px;
    display: block;
    float: left;
}
form input[name='tel-t']{
    width: 70px;
    margin-left: 31px;
    display: block;
    float: left;
}

#form-bt{
    display: block;
    width: 290px;
    height: 55px;
    position: absolute;
        top: 0;
        left: 50%;
        margin-top: 636px;
        margin-left: -387px;
}
#form-bt:hover{
    cursor: pointer;
    background: transparent url('../images/home-bt-hover.png') 33px 6px no-repeat;
}
#form-error{
    width: 463px;
    height: 238px;
    background:transparent url('../images/form-error-bg.png') top center no-repeat;
}
#form-error .light-box-close-bt{
    position: absolute;
	margin: 16px 0 0 408px;
    cursor: pointer;
}
#form-error-msg{
    padding: 70px 50px 70px 50px;
    font-size: 16px;
    line-height: 25px;
    color: #4E4C4D;
}
